diff --git a/components/Editor/ExtraColumn.tsx b/components/Editor/ExtraColumn.tsx
index 336349c..013ae76 100644
--- a/components/Editor/ExtraColumn.tsx
+++ b/components/Editor/ExtraColumn.tsx
@@ -38,7 +38,7 @@ const ExtraColumn = ({
   } = useContext(CairoVMApiContext)
 
   return (
-    <>
+    <div className="w-full md:w-1/3 hidden md:flex flex-col">
       <div className="border-b border-gray-200 dark:border-black-500 flex items-center pl-6 pr-2 h-14 md:border-r flex-none">
         <Header
           codeType={codeType}
@@ -85,7 +85,7 @@ const ExtraColumn = ({
           />
         )}
       </div>
-    </>
+    </div>
   )
 }
 
diff --git a/components/Editor/Header.tsx b/components/Editor/Header.tsx
index b6025be..b3e251f 100644
--- a/components/Editor/Header.tsx
+++ b/components/Editor/Header.tsx
@@ -49,6 +49,7 @@ const EditorHeader = ({
 
         <div className="flex items-center ">
           <Select
+            className="z-50"
             onChange={onCodeTypeChange}
             options={codeLangOptions}
             value={codeTypeValue}
diff --git a/components/Editor/InstructionsTable.tsx b/components/Editor/InstructionsTable.tsx
index e1fcee1..b3aa2ae 100644
--- a/components/Editor/InstructionsTable.tsx
+++ b/components/Editor/InstructionsTable.tsx
@@ -201,7 +201,7 @@ const TableRow = (props: any) => {
   const isError = errorIndexes.includes(rest?.['data-item-index'])
   return (
     <tr
-      className={cn('border-b border-gray-200 dark:border-black-500', {
+      className={cn('border-b border-gray-200 dark:border-black-500 w-full', {
         'text-gray-900 dark:text-gray-200': isActive,
         'text-gray-400 dark:text-gray-600': !isActive,
         'bg-red-100 dark:bg-red-500/10': isError,
@@ -231,10 +231,13 @@ const TableRowContent = memo(
   }) => {
     return (
       <>
-        <td className={`pl-6 pr-1 px-2 whitespace-nowrap w-[1%]`}>
+        <td className={`pl-6 pr-1 whitespace-nowrap`} style={{ width: '3rem' }}>
           {index + 1}
         </td>
-        <td className="py-1 px-2 max-w-40 break-words">
+        <td
+          className="py-1 px-2 break-normal sm:break-all lg:break-normal"
+          style={{ maxWidth: '10rem' }}
+        >
           {isActive && codeType === CodeType.Sierra
             ? addVariableToolTipToSierraInstruction(instruction.name)
             : splitInLines(instruction.name)}
diff --git a/components/layouts/Nav.tsx b/components/layouts/Nav.tsx
index 5788509..11e3c1d 100644
--- a/components/layouts/Nav.tsx
+++ b/components/layouts/Nav.tsx
@@ -33,7 +33,10 @@ const Nav = () => {
           ></ul>
 
           <div className="items-center ml-auto flex">
-            <KBarButton />
+            <div className="md:block hidden">
+              <KBarButton />
+            </div>
+
             <NavLink href={GITHUB_REPO_URL} external className="mx-2 md:mx-4">
               GitHub
             </NavLink>